﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--Style Section-->
    
    <link href="@Url.Content("~/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/bootstrap/css/select2.css")" rel="stylesheet" type="text/css" />
    <style type='text/css'>
        body
        {
            background-color: #CCC;
        }
        .sidebar
        {
            padding: 10px;
        }
        .main
        {
            padding: 20px;
        }
        
        #content
        {
            background-color: #FFF;
            border-radius: 5px;
        }
    </style>
    <!--Style Section-->
    <title>@ViewBag.Tital</title>
   
</head>
<body>
    <div class="container" id="Maindiv" style="margin: auto">
        <h1>Admin Template</h1>

<!--Navigation Bar Starts -->
        <div class='navbar navbar-inverse'>
            <div class='navbar-inner' style="height: auto;">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                        <span class="icon-bar" /><span class="icon-bar" /><span class="icon-bar" /></a>
                    <div class="nav-collapse collapse navbar-inverse-collapse">
                        <ul class="nav">
                            <li class="active"><a href="@Url.Action("Index")">Home</a></li>
                            <li><a href="@Url.Action("FormView","Home")">Form Example</a></li>
                            <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            PageTwo <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">as Menu</a></li>
                                    <li><a href="#">aeesd Menu</a></li>
                                    <li><a href="#">aeesd Menu</a></li>
                                    <li><a href="#">aassd Menu</a></li>
                                    <li><a href="#">ee Menu</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
       
<!--Navigation Bar Ends-->

        <div id='content' class='row-fluid'>

<!--Side Bar Starts -->
            <div class='span3 sidebar'>
               @* <h2>Sidebar</h2>
                <ul class="nav nav-tabs nav-stacked">
                    <li><a href='#'>Another Link 1</a></li>
                    <li><a href='#'>Another Link 2</a></li>
                    <li><a href='#'>Another Link 3</a></li>
                </ul>*@

                  @RenderSection("SideBar", required: false)
            </div>
<!--Side Bar Ends-->

            <div class='span9 main'>
                   @RenderBody()     
            </div>
        </div>
    </div>
    <!--Script Section-->
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/bootstrap/js/bootstrap.min.js")" type="text/javascript"></script>
    <!--Script Section-->
    <script src="@Url.Content("~/bootstrap/js/select2.min.js")" type="text/javascript"></script>

     <script type="text/javascript">
        $(document).ready(
        function() { 
    @RenderSection("pageScript", required: false)    
        }
        );
    </script>
    
</body>
</html>
